#index-box{
    flex-direction: column;
    flex: 1;
    overflow: scroll;
}
#index-box .swiper-container {
        width: 100%;
        height: 200px;
        div.swiper-slide{
            background-image: url(../imgs/index-swiper-bg1.jpg);
            background-repeat: no-repeat;
            background-size: cover;
        }
        div.bg2{
            background-image: url(../imgs/index-swiper-bg2.jpg);
        }
        div.bg3{
            background-image: url(../imgs/index-swiper-bg3.jpg);
            background-position: 0 -40px;
        }
}  

#index-box .major{
    height: 540px;
    margin: 16px 12px 10px 12px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    li{
        border-radius: 20px;
        // margin-bottom: 20px;
    }
    li:nth-of-type(1){
        position: relative;
        width: 40%;
        height: 140px;
        background-color: #54b2dd;
        background-image: url(../imgs/index-card-rank.png);
        background-repeat: no-repeat;
        background-size: 110px;
        background-position: -20px 30px;
        p{
            line-height: 30px;
            font-size: 20px;
            font-weight: 600;
            color: #004E73;
            padding: 15px;
        }
        span{
            position: absolute;
            bottom: 30px;
            left: 0;
            color: white;
            font-size: 40px;
        }
    }
    li:nth-of-type(2){
        position: relative;
        width: 56%;
        height: 140px;
        background-color: #9ED9F7;
        background-image: url(../imgs/index-card-sum.png);
        background-repeat: no-repeat;
        background-size: 110px;
        background-position: 20px 20px;
        p{
            line-height: 30px;
            font-size: 20px;
            font-weight: 600;
            color: #004E73;
            padding: 15px;
        }
        a{
            position: absolute;
            width: 90px;
            line-height: 32px;
            border: 2px solid #005177;
            border-radius: 16px;
            text-align: center;
            font-size: 16px;
            color: #08557A;
            right: 15px;
            bottom: 20px;
        }
    }
    li:nth-of-type(3){
        position: relative;
        width: 48%;
        height: 110px;
        background-image: url(../imgs/index-card-data.png);
        background-repeat: no-repeat;
        background-size: 180px;
        p{
            color: white;
            padding-left: 20px;
            line-height: 42px;
            font-size: 16px;
        }
    }
    li:nth-of-type(4){
        position: relative;
        width: 48%;
        height: 110px;
        background-color: #9DBDE3;
        background-image: url(../imgs/index-card-badge.png);
        background-repeat: no-repeat;
        background-size: 100px;
        background-position: 0px 10px;
        p{
            line-height: 26px;
            font-size: 16px;
            font-weight: 600;
            color: #004E73;
            padding: 15px;
        }
        span{
            position: absolute;
            right: 20px;
            top: 25px;
            font-size: 70px;
            color: #004E73;
            font-weight: 500;
        }
        a{
            position: absolute;
            right: 6px;
            bottom: 16px;
            font-size: 16px;
            color: #004E73;
        }
    }
    li:nth-of-type(5){
        position: relative;
        width: 100%;
        height: 110px;
        background-image: url(../imgs/index-swiper-bg2.jpg);
        background-repeat: no-repeat;
        background-size: 390px;
        background-position: 0 -20px;
        p{
            color: white;
            padding-left: 20px;
            line-height: 42px;
            font-size: 16px;
        }
    }
    li:nth-of-type(6){
        position: relative;
        width: 100%;
        height: 110px;
        background-image: url(../imgs/index-card-run.png);
        background-repeat: no-repeat;
        background-size: 390px;
        background-position: 0 -20px;
        p{
            color: white;
            padding-left: 20px;
            line-height: 42px;
            font-size: 16px;
        }
    }

}

